<template>
    <div
      class="header"
      :style="{
        height: '50px',
        padding: '10px 10px',
        display: 'flex',
        justifyContent: 'space-around',
      }"
    >
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-gengduo1"></use>
      </svg>
      <div class="myinp">
        <input type="text" placeholder="告五人" @click="toSearch">
        <svg class="icon" aria-hidden="true" :style="{position:'absolute',top:'23px',left:'140px'}">
          <use xlink:href="#icon-sousuo"></use>
        </svg>
      </div>
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-microphone"></use>
      </svg>
    </div>
</template>

<script>
export default {
    methods:{
      toSearch(){
        this.$router.push({
          name:'searchSong'
        })
      }
    }
}
</script>

<style>
   
</style>